﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="HomeSlide.ascx.cs" Inherits="Controls_HomeSlide" %>
<script src="../js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="../js/js_slideshow.js" type="text/javascript"></script>
<script src="../js/jquery.vticker-min.js" type="text/javascript"></script>
<script src="../js/jquery_show.js" type="text/javascript"></script>
<link href="../css/slide.css" rel="stylesheet" type="text/css" />
<div class="content">
    <script src="js/jquery_show.js" type="text/javascript"></script>
    <script src="js/js_slideshow.js" type="text/javascript"></script>
    <link type="text/css" rel="stylesheet" href="css/slide.css">
    <script type="text/javascript">
        $(document).ready(function () {
            $('.slideShow').slideShow({
                interval: 3,
                start: 'random'
            });
        });
                    </script>
    <div id="app">
        <div class="slideShow">
            <ul class="slides" style="height: 234px; width: 530px; overflow: hidden; display: block;">
                <asp:Repeater ID="rptData" runat="server">
                    <ItemTemplate>
                        <li class="slide" style="position: absolute; display: none;">
                            <img border="0" alt="<%#Eval("PICTURE_NAME")%>" src='../Upload/<%#Eval("PICTURE_PATH")%>'>
                        </li>
                    </ItemTemplate>
                </asp:Repeater>
            </ul>
            <ul class="navigation">
                <li><a class="page" href="javascript:void(0);">1</a></li>
                <li><a class="page" href="javascript:void(0);">2</a></li>
                <li><a class="page" href="javascript:void(0);">3</a></li>
                <li><a class="page selected" href="javascript:void(0);">4</a></li>
                <li><a class="page" href="javascript:void(0);">5</a></li>
            </ul>
        </div>
    </div>
    <div class="top">
    </div>
    <div class="bottom">
    </div>
</div>
<!--End content-->
